<link href='http://fonts.googleapis.com/css?family=Luckiest+Guy' rel='stylesheet' type='text/css'>
<style type="text/css">
body {
	font-family: 'Luckiest Guy', arial, serif;
	font-size: 3em;
	color: white;
	text-align: center;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.13, rgb(23,148,60)),
	    color-stop(0.57, rgb(51,178,90)),
	    color-stop(0.79, rgb(77,214,117))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(23,148,60) 13%,
	    rgb(51,178,90) 57%,
	    rgb(77,214,117) 79%
	);

}
h1 {
	padding-top: 1em;
	font-size: 3em;
	font-weight: bold;
}
h1, h2 {
	margin: 0;
}
</style>
<h1 id="timeleft">00:00:00</h1>
{% if title %}
	<h2>{{ title }}</h2>
{% endif %}